import React from 'react'
import { createAppContainer } from 'react-navigation'
import { createStackNavigator } from 'react-navigation-stack'
import { createBottomTabNavigator } from 'react-navigation-tabs'
import Welcome from '../Welcome'
import Login from "../Login"
import Me from '../users/me'
import Movies from '../movies/Movie'
import Find from '../find'
import Moviedetails from '../Moviedetails'
const TabNavigator = createBottomTabNavigator(
    {
        Movies,
        Find,
        Me
    },
    {
        tabBarOptions: {
            activeTintColor: '#e91e63',
            labelStyle: {
                fontSize: 12
            },
            style: {
            }
        }
    }
)
const AppNavigator = createStackNavigator(
    {
        Welcome,
        Maininter:{
            screen: TabNavigator
        },
        Login,
        Moviedetails
    },
    {
        initialRouteName: 'Welcome',
        defaultNavigationOptions: {
            headerShown:false 
        }
    }
)

export default createAppContainer(AppNavigator)
